body{ margin: 0; padding: 0;}
html{ scroll-behavior:smooth; }
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.cl:after{ content: ''; clear: both; display: table;}
a{ text-decoration: none !important;}

/* @font-face {
	font-family: 'FZCCHJW';
	src: url('../fonts/fzcchjw.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;;
} */

.menu-link{
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  }
  .menu-link {border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-19px; right: 5px; font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
  .menu-link span {position: relative;display: block;margin-top:12px;}
  .menu-link span,
  .menu-link span:before,
  .menu-link span:after {background-color: #fff; border-radius:1.5px; width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
  
  .menu-link span{ width:90%;}
  .menu-link span:before{ width:110%;}
  .menu-link span:after{ width:80%;}
  .menu-link.active span,.menu-link.active span:before,.menu-link.active span:after{ width:100%;}
  
  .menu-link span:before,
  .menu-link span:after {position: absolute; right: 0; top: -.7em;content: " ";}
  .menu-link span:after {top: .7em;}
  .menu-link.active span {background: transparent;}
  .menu-link.active span:before { background-color:#fff;
  -webkit-transform: rotate(45deg) translate(.5em, .4em);
  -moz-transform: rotate(45deg) translate(.5em, .4em);
  -ms-transform: rotate(45deg) translate(.5em, .4em);
  -o-transform: rotate(45deg) translate(.5em, .4em);
  transform: rotate(45deg) translate(.5em, .4em);
  }
  .menu-link.active span:after { background-color:#fff;
  -webkit-transform: rotate(-45deg) translate(.6em, -.5em);
  -moz-transform: rotate(-45deg) translate(.6em, -.5em);
  -ms-transform: rotate(-45deg) translate(.6em, -.5em);
  -o-transform: rotate(-45deg) translate(.6em, -.5em);
  transform: rotate(-45deg) translate(.6em, -.5em);
  }

#load_v{ position: fixed; width: 100%; height: 100%; overflow: hidden; z-index: 9999; background: #000;}
#load_v video{ position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}

/*导航开始*/
.header.active:after{ opacity: 0;}
.header.active{ background: #fff; height: 133px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
.header.active .pc_nav ul li>a{ color: #333; line-height: 133px; padding: 0;}
.header.active .pc_nav ul li.active>a{ color: #fff;}
.header.active .pc_nav ul li:hover>a{ color: #e40011;}
.header.active .pc_nav ul li.active:hover>a{ color: #fff;}
.header.active .pc_more{ top: 50%;}
.header.active .pc_more .pc_ico a{ color: #fff;}
.header.active .pc_more .pc_ico{ background: #c4c4c4; color: #fff;}
.header.active .pc_seach input{ background: rgba(0,0,0,0.08);}
.header.active .pc_seach input:focus{ box-shadow: none;}

.header{ box-shadow:0px 1px 4px rgba(0,0,0,0); position:fixed; top:0; left:0; right:0; margin:0 auto; z-index:990; height: 120px; transition: all 0.3s;}
.header:after{ content: ''; position: absolute; width: 100%; height: calc(150%); top: 0; z-index: -1; left: 0; background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.5), rgba(0,0,0,0)); transition: all 0.3s; pointer-events: none;}
.header .container.cw{ position: relative; padding-left: 170px; padding-right: 400px;}
.logo{ position: absolute; left: 0; top: 0; width: 130px; height: 120px; padding-top: 17px; transition: all 0.3s;}
.logo a{ display: block; height: 100%;}
.logo a img{ max-height: 100%; display: block; max-width: 100%; transition: all 0.3s;}
.pc_nav ul li{ position: relative; padding: 0 20px;}
.pc_nav ul li>a{ display: block; margin: 0 auto; line-height: 100px; padding-top: 20px; position: relative; font-size: 16px; color: #fff; transition: all 0.3s;}
.pc_nav ul li.active>a{ background: #e40011;}
.pc_more{ position: absolute; right: 0; top: 59%; transform: translateY(-50%); text-align: right; font-size: 0; transition: all 0.3s;}
.pc_more .pc_ico{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.23); color: rgba(255,255,255,0.3); text-align: center; margin-right: 20px; font-size: 14px; transition: all 0.3s; cursor: pointer; position: relative;}
.pc_more .pc_ico i{ line-height: 40px; display: inline-block; font-size: 18px;}
.pc_more .pc_ico a{ color: rgba(255,255,255,0.3);}
.pc_more .pc_ico:hover a{ color: rgba(255,255,255,1);}
.pc_more .pc_ico:hover{ background: #e40011; color: rgba(255,255,255,1);}
.wechat_box{ position: absolute; left: 50%; transform: translateX(-50%); top: 130%; width:130px; display: none;}
.wechat_box .wechat_img{ background:#f8f8f8; padding:15px; text-align:center;}
.wechat_box .wechat_img h5{ color: #666; margin: 0; margin-top: 10px;}

.pc_seach{ display: inline-block; position: relative; width: 60%; vertical-align: middle;}
.pc_seach input{ height: 40px; border-radius: 24px; padding-right: 40px; padding-left: 20px; background: rgba(255,255,255,0.66); border: none;}
.pc_seach input::placeholder{ color: rgba(0,0,0,0.52);}
.pc_seach input:focus{ background: rgba(255,255,255,0.85);}
.pc_seach button{ position: absolute; right: 15px; top: 0; background: none; border-radius: 24px; height: 40px; padding: 0; color: #e40011;}
.pc_seach button i{ font-size: 24px; line-height: 40px; text-align: center;}

.pc_nav ul li:hover .erji{ opacity: 1; pointer-events: auto; top: 100%;}
.erji{ position: absolute; top: calc(100% + 10px); left: 0; width: 100%; opacity: 0; pointer-events: none; padding: 10px 0; background: rgba(0,0,0,0.55); transition: all 0.3s;}
.erji .ej_li{ text-align: left; margin: 0; position: relative;}
.erji .ej_li>a{ line-height: 34px; text-align: center; color: #fff; display: block; font-size: 16px;}
.erji .ej_li:last-child{ border-bottom: none;}
.erji .ej_li:hover>a{ color: #e40011;}

.s_banner .swiper-slide{ height: 100vh; display: block; position: relative;}
.ban_text{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0; transition: all ease-in 1s;}
.ban_text .container{ padding-left: 7%; transition: all ease-in 1s;}
.ban_text h2{ font-size: 50px; color: #fff; font-weight: bold; margin: 0; margin-bottom: 40px;}
.ban_text h2 strong{ display: block; margin-bottom: 10px; font-size: 90px; color: #e40011; text-transform: uppercase; font-weight: bold;
   /* font-size: 100px; line-height: 100px; color: #e40011; text-transform: uppercase; font-family: 'FZCCHJW'; */
  }
.ban_text h2 strong img{ max-width: 100%;}
.ban_text{ text-shadow: 0px 2px 4px rgba(0,0,0,0.5);}
.ban_text a{ display: inline-block; padding: 8px 40px; color: #fff; border: 1px solid #Fff; font-size: 16px; transition: all 0.3s;}
.ban_text a:hover{ background: #e40011; color: #fff; border: 1px solid #e40011;}
.s_banner .swiper-slide.swiper-slide-active .ban_text{ opacity: 1;}
.s_banner .swiper-slide.swiper-slide-active .ban_text .container{ padding-left: 0;}
.s_banner .swiper-pagination{ text-align: center; bottom: 5%;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ height: 20px; width: 5px; border-radius: 5px; background: #fff; opacity: 1; margin: 0 10px; transition: all 0.6s;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 30px; background: #e40011;}

.s_biao{ text-align: center; font-size: 36px; color: #4c4c4c; font-weight: bold; position: relative; z-index: 3; padding: 35px 0; margin-bottom: 30px;}
.s_biao strong{ font-size: 160px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; z-index: -1; opacity: 0.03; text-transform: uppercase;}
.s_biao span{ display: block; font-size: 24px; color: #999; font-weight: normal; text-transform: uppercase;}
.s_biao span em{ color: #e40011; font-style: normal;}

.s_product{ padding: 60px 0; background: #fff;}
.s_product .swiper-container{ padding-top: 30px;}
.s_product .swiper-container .swiper-slide a{ border-radius: 8px; display: block; overflow: hidden; padding-top: 150%; position: relative; display: block; transition: all 0.3s;}
.s_product .swiper-container .swiper-slide a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; transition: all 0.3s; opacity: 0;}

.scp_img{ width: 50%; margin: 0 auto;}
.scp_img i{ display: block; padding-top: 100%; border-radius: 50%;}
.s_product .swiper-container .swiper-slide:hover a{ transform: translateY(-20px);}
.s_product .swiper-container .swiper-slide:hover a:after{ opacity: 0.5;}
.s_product .swiper-container .swiper-slide:hover .scp_dw h5 i{ transform: scale(0.8); opacity: 0.85;}

.scp_dw{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 2; padding: 0 25px; color: #fff; text-align: center;}
.scp_dw h3{ margin-bottom: 20px;}
.scp_dw h5{ margin-top: 20px;}
.scp_dw p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.scp_dw h5 i{ transition: all 0.3s; width: 58px; height: 58px; border-radius: 50%; display: block; margin: 0 auto; text-align: center; line-height: 58px; background: #e40011; color: #fff; font-size: 30px;}
.s_product .dw{ padding: 0 30px;}
.s_product .dw .swiper-button-prev, .s_product .dw .swiper-button-next{ width: 50px; height: 50px; background: #b3b3b3; color: #fff; text-align: center; line-height: 50px; margin-top: -25px; outline: none;}
.s_product .dw .swiper-button-prev{ left: -30px;}
.s_product .dw .swiper-button-next{ right: -30px;}

.s_fangan .gallery-top .swiper-slide{ padding-top: 38.8%; position: relative;}
.sfa_text{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 15%; z-index: 2; color: #fff; transition: all 1s; opacity: 0;}
.s_fangan .gallery-top .swiper-slide.swiper-slide-active .sfa_text{ top: 10%; opacity: 1;}
.s_fangan{ overflow: hidden;background: #fff;}
.s_fangan .bai{ padding: 15px 0; padding-right: 200px; position: relative; z-index: 10;}
.sfa_more{ position: absolute; right: 0; top: 0; width: 200px; height: 100%; background: #e40011;}
.sfa_more a{ display: block; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); z-index: 2; color: #fff; font-size: 16px;}
.sfa_more a i{ display: block; width: 60px; height: 60px; border-radius: 50%; background: #fff; line-height: 60px; font-size: 30px; margin: 0 auto; color: #e40011; margin-bottom: 15px;}

.s_fangan .gallery-thumbs{ overflow: initial;}
.s_fangan .gallery-thumbs .swiper-slide{ text-align: center;}
.s_fangan .gallery-thumbs .swiper-slide h5{ margin: 0; font-size: 18px; color: #333; margin-top: 15px;}
.sfa_img{ width: 128px; height: 128px; border-radius: 50%; display: block; margin: 0 auto;}
.s_fangan .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after{ content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; bottom: calc(100% + 15px); left: 50%; transform: translateX(-50%);}
.sfa_text h2{ font-size: 56px; text-transform: uppercase;}
.sfa_text h3{ font-size: 24px; padding-bottom: 15px; position: relative; margin-bottom: 20px;}
.sfa_text h3:after{ content: ''; width: 50px; height: 5px; background: #e40011; position: absolute; left: 0; bottom: 0;}
.sfa_text p{ width: 40%; line-height: 30px; font-size: 16px;}
.sfa_text h5{ margin-top: 30px;}
.sfa_text h5 a{ display: inline-block; padding: 10px 30px; background: #fff; color: #333; border-radius: 16px; transition: all 0.3s;}
.sfa_text h5 a:hover{ background: #e40011; color: #fff;}

.s_new{ padding: 60px 0; padding-bottom: 80px;}
.s_new .s_biao{ color: #fff;}
.s_new .s_biao strong{ opacity: 0.03;}

.snew_img{ padding-top: 57%;}
.s_new .caption{ background: #fff; border-radius: 8px; overflow: hidden; transition: all 0.3s;}
.snew_text{ padding: 10px 15px;}
.snew_text h6{ color: #999; transition: all 0.3s;}
.snew_text h5{ font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s;}
.snew_text p{ color: #999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 24px; transition: all 0.3s;}
.snew_more{ color: #999; margin-top: 40px; margin-bottom: 10px; transition: all 0.3s;}
.snew_more span{ display: inline-block; padding: 5px 15px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.s_new .caption:hover{ background: #e40011;}
.s_new .caption:hover .snew_text h5, .s_new .caption:hover .snew_text h6, .s_new .caption:hover .snew_text p, .s_new .caption:hover .snew_more{ color: #fff;}

.s_hezuo{ padding: 80px 0; padding-bottom: 100px; background: url(../images/hzbj.jpg) center bottom no-repeat #fff; background-size: contain;}
.s_hezuo ul{ display: flex; margin: 50px 0;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
.s_hezuo ul li{ text-align: center; width: 20%; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; padding: 15px 0;}
.s_hezuo ul li:nth-child(5n){ border-right: none;}
.s_hezuo ul li:nth-last-child(1), .s_hezuo ul li:nth-last-child(2), .s_hezuo ul li:nth-last-child(3), .s_hezuo ul li:nth-last-child(4), .s_hezuo ul li:nth-last-child(5){ border-bottom: none;}
.s_hezuo ul li img{ display: inline-block; max-width: 80%;}
.s_hezuo ul li:hover img{ transform: rotateY(360deg); transition: all 0.6s;}

.foot_nav{ padding-bottom: 30px; background: #fff;}
.foot_nav ul{ display: flex; border: 1px solid #dedede; padding:25px 0;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;}
  .foot_nav ul li{ width: 25%; text-align: center; border-right: 1px solid #dedede;}
.foot_nav ul li i{ display: inline-block; width: 96px; height: 96px; border-radius: 50%; background: #eeeeee; color: #e40011; transition: all 0.3s; line-height: 96px; text-align: center; margin-right: 20px; vertical-align: middle; font-size: 50px;}
.foot_nav ul li:hover i{ color: #fff; background: #e40011;}
.foot_nav ul li h3{ display: inline-block; margin: 0; color: #333; text-align: left; vertical-align: middle; transition: all 0.3s;}
.foot_nav ul li h3 span{ font-size: 14px; color: #999; display: block; margin-top: 5px; transition: all 0.3s;}
.foot_nav ul li:hover h3{ color: #e40011;}
.foot_nav ul li:hover h3 span{ color: #e40011;}

.footer{ background: #1f1f1f; padding-top: 40px; color: #fff;}
.footer .caption h2{ padding-bottom: 10px; font-size: 24px; position: relative; line-height: 36px; margin-bottom: 20px;}
.footer .caption h2 strong{ font-size: 36px; display: block;}
.footer .caption h2:after{ content: ''; width: 46px; height: 2px; background: #e40011; position: absolute; left: 0; bottom: 0;}
.footer .caption p{ position: relative; padding-left: 25px; font-size: 16px;}
.footer .caption p i{ position: absolute; left: 0; top: 0; color: #e40011;}
.footer h4{ margin-bottom: 20px;}
.footer h4 a{ color: #fff; display:inline-block; position: relative;}
.footer h4 a:after{ content: ''; position: absolute; left: -8px; top: 0; height: 100%; width: 3px; background: #e40011;}
.footer ul li a{ line-height: 30px; font-size: 16px; color: #fff; opacity: 0.71;  transition: all 0.3s;}
.footer ul li a:hover{ opacity: 1;}
.footer .caption.text-right p{ padding: 0; margin-top: 10px; font-size: 16px;}

.foot_lank{ margin-top: 20px;}
.foot_lank a{ color: #fff; display: inline-block; margin-left: 10px;}

.ft_di{ margin-top: 40px; background: #e40011; color: #fff; padding: 15px 0;}
.ft_di span a{ color: #fff;}

/* 内页开始 */

.n_banner{ min-height: 133px; padding-top: 38.2%; position: relative;}
.n_banner .container{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 28%; color: #fff;}
.n_banner h2{ padding-bottom: 15px; position: relative; margin-left: 20px;}
.n_banner h2:after{ content: ''; width: 100px; height: 4px; background: #ca0514; position: absolute; left: 0; bottom: 0;}
.n_banner h2 strong{ margin: 0; font-size: 60px; display: block; margin-bottom: 5px;}
.n_banner h2 span{ opacity: 0.35; font-size: 36px; text-transform: uppercase; font-weight: bold;}

.weizhi{ padding: 30px 0; border-bottom: 1px solid #dedede; margin-bottom: 50px;}
.weizhi .text-right, .weizhi .text-right a{ color: #666; transition: all 0.3s;}
.weizhi .text-right a:hover{ color: #e40011;}
.weizhi ul li{ display: inline-block; margin-right: 20px;}
.weizhi ul li a{ font-size: 18px; display: inline-block; padding: 0 15px; color: #333; position: relative;}
.weizhi ul li a:after{ content: ''; width: 100%; height: 3px; background: #e40011; position: absolute; left: 0; bottom: -31px; display: none;}
.weizhi ul li.active a:after{ display: block;}
.weizhi ul li.active a{ color: #e40011;}

.nab_1{ padding-bottom: 80px;}
.nab_1 h2{ margin-bottom: 15px;}
.nab_1 h2 strong{ font-size: 68px; color: #000; opacity: 0.05; display: block;}
.nab_1 h2 span{ color: #333; font-size: 36px; font-weight: bold;}
.nab_1 .ty_content{ max-height: 500px; overflow: auto; padding-top: 15px; padding-right: 15px;}
.nab_1 .ty_content p{ font-size: 18px; line-height: 36px; text-indent: 2em;}

.nab_1 .ty_content::-webkit-scrollbar {/*滚动条整体样式*/
  width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  background:linear-gradient(to bottom,#a8a8a8,#a8a8a8,#a8a8a8) no-repeat center / 1px 600px;
}

.nab_1 .ty_content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: #ca0514;
}

.nab_1 .ty_content::-webkit-scrollbar-track {/*滚动条里面轨道*/
  /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */
  border-radius: 0;
  /* background: #EDEDED; */
}

.nab_2{ padding: 70px 0; overflow: hidden; background: url(../images/nab_2.jpg) center top no-repeat; background-size: contain;position: relative;}

.nab_2 .s_biao { color: #fff;}
.nab_2 .s_biao strong{ font-size: 140px; color: #fff;}
.nab_2 .s_biao span{ color: #fff;}
.nab_2 .dw{ margin-left: 8%; margin-right: -70px; padding: 5% 8%; padding-bottom: 1%; background: #f4f5f7;}
.nab_2 ul{ display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.nab_2 ul li{ transition: all 0.3s; width: 45%; padding:50px 4%; background: #fff; color: #666; margin-bottom: 80px;}
.nab_2 ul li h2{ color: #333; transition: all 0.3s; padding-bottom: 20px; border-bottom: 1px solid #Dedede; margin-top: 10px; position: relative;}
.nab_2 ul li h2:after{ content: ''; width: 160px; height: 1px; background: #e40011; position: absolute; bottom: 0; left: 0;}
.nab_2 ul li:hover{ background: #e40011; color: #fff;}
.nab_2 ul li:hover h2{ color: #fff;}

.shu_zi{ position: absolute; left: 3%; top: 36%;}

.ncp_img{ overflow: hidden;}
.ncp_img a{ display: block; padding-top: 60.7%; transition: all 0.3s;}
.ncp_text{ width: 90%; margin: 0 auto; background: #fff; padding: 10px 15px; position: relative; z-index: 2; transform: translateY(-30%); transition: all 0.3s; box-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.ncp_text h3{ color: #e40011; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; font-weight: bold;}
.ncp_text p{ color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: all 0.3s; font-size: 16px; line-height: 30px; height: 90px;}
.ncp_list .caption:hover .ncp_img a{ transform: scale(1.1);}
.ncp_list .caption:hover .ncp_text{ background: #e40011; color:#fff;}
.ncp_list .caption:hover .ncp_text h3{ color: #fff;}
.ncp_list .caption:hover .ncp_text p{ color: #fff;}
.ncp_list .caption{ margin-bottom: 20px;}

.ncp_n_1{ background: #f7f7f7;}
.ncp_content h1{ background: #fff; margin: 0; font-weight: bold; padding-bottom: 20px;}
.ncp_content h1 strong{ font-size: 60px; color: #000; opacity: 0.05; display: block;}
.ncp_content h1 span{ color: #e40011; font-size: 36px;}
.ncp_n_1 .ncp_jj{ padding: 20px;}
.ncp_n_1 .row{ margin: 0;}
.ncp_n_1 .row .col-sm-7, .ncp_n_1 .row .col-sm-5{ padding: 0;}
.ncp_jj h2{ font-weight: bold; color: #444; margin-bottom: 30px;}
.ncp_jj p{ line-height: 30px; font-size: 16px;}

.san_sanjiao{ margin: 60px 0; position: relative;}
.san_sanjiao:after{ content: ''; width: calc(50% - 80px); height: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-image: linear-gradient(to right, rgba(199,199,199,1) , rgba(199,199,199,0));}
.san_sanjiao:before{ content: ''; width: calc(50% - 80px); height: 2px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: linear-gradient(to right, rgba(199,199,199,0) , rgba(199,199,199,1));}
.ncp_n_3, .ncp_n_4, .ncp_n_6{ padding: 40px 0;}
.ncp_n_3 .caption{ padding:30px 10px; background: #f7f7f7; border-bottom: 2px solid #e40011; padding-bottom: 50px; text-align: center; transition: all 0.3s;}
.ncp_n_3 .caption h2{ margin-bottom: 20px; font-size: 46px; color: #e40011; transition: all 0.3s;}
.ncp_n_3 .caption p{ font-size: 16px; color: #333; transition: all 0.3s; line-height: 30px; height: 60px;}
.ncp_n_3 .caption:hover{ background: #e40011;}
.ncp_n_3 .caption:hover h2{ color: #fff;}
.ncp_n_3 .caption:hover p{ color: #fff;}


.ncp_n_5 ul{ margin-bottom: 20px;}
.ncp_n_5 ul li{ margin-right: 30px; display: inline-block;}
.ncp_n_5 ul li a{ display: block; padding: 8px 30px; font-size: 18px; color: #333; background: #e8e8e8; border-radius: 24px;}
.ncp_n_5 ul li.active a{ background: #e40011; color: #fff;}


.nal_img{ border: 1px solid #dedede; background: #fff;}
.nal_img a{ display: block; padding-top: 60%;}

.nal_li{ margin-bottom: 30px;}
.nal_img{ overflow: hidden;}
.nal_img a{ transition: all 0.3s;}
.nal_li:hover .nal_img a{ transform: scale(1.1);}
.nal_text h3{ color: #333; transition: all 0.3s;}
.nal_text p{ color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden; transition: all 0.3s; font-size: 16px; line-height: 30px; height: 90px; margin: 20px 0;}
.nal_text h5 span{ display: inline-block; padding: 10px 30px; border-radius: 24px; background: #e2e2e2; color: #333;  transition: all 0.3s;}
.nal_li:hover .nal_text h3{ color: #e40011;}
.nal_li:hover .nal_text h5 span{ background: #e40011; color: #ffff;}


.ndown_dw{ padding: 0 80px; margin: 30px 0; position: relative;}
.ndown_dw .swiper-button-prev, .ndown_dw .swiper-button-next{ background: none; top: 50%; margin: 0; transform: translateY(-50%); text-align: center;}
.ndown_dw .swiper-button-prev i, .ndown_dw .swiper-button-next i{ font-size: 30px; line-height: 44px; display: inline-block;}
.ndown_dw .swiper-button-next{ right: 0;}
.ndown_dw .swiper-button-prev{ left: 0;}
.ncp_n_6 .swiper-slide a{ padding: 15px; color: #666; background: #f2f2f2; display: block; border-radius: 4px; transition: all 0.3s;}
.ncp_n_6 .swiper-slide a i{ color: #666; font-size: 24px; display: inline-block; vertical-align: middle; transition: all 0.3s;}
.ncp_n_6 .swiper-slide a i:last-child{ color: #e40011;}
.ncp_n_6 .swiper-slide a span{ display: inline-block; width: calc(100% - 80px); display: inline-block; vertical-align: middle; font-size: 20px; margin-left: 15px;}
.ncp_n_6 .swiper-slide:hover a{ background: #e40011; color: #fff;}
.ncp_n_6 .swiper-slide:hover a i{ color: #fff;}


.ncp_n_7{ background: url(../images/xx.jpg) center no-repeat; background-size: cover; padding: 80px 0; margin-bottom: 50px;}
.ncp_n_7 .caption{ padding: 30px; background: rgba(228,0,17,0.92); color: #fff;}
.ncp_n_7 .caption p{ margin: 20px 0; line-height: 30px; font-size: 16px;}
.ncp_n_7 .caption h5 a{ display: inline-block; padding: 10px 30px; border-radius: 24px; background: #fff; color: #e40011;}

.nanli_list ul{ margin-bottom: 50px;}
.nanli_list ul li{ display: inline-block; margin: 0 20px;}
.nanli_list ul li a{ display: block; padding: 10px 40px; font-size: 18px; border-radius: 24px; background: #ededed; color: #333;}
.nanli_list ul li.active a{ background: #e40011; color: #fff;}

.nfa_li{ padding: 50px 0; transition: all 0.3s; background: #fff; border-bottom: 1px solid #eee;}
.nfa_img{ overflow: hidden;}
.nfa_img a{ display: block; transition: all 0.3s; padding-top: 60%;}
.nfa_text h3{ font-size: 24px; color: #333; transition: all 0.3s;}
.nfa_text p{ color: #666; transition: all 0.3s; line-height: 30px; font-size: 16px; margin:40px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.nfa_text h5 span{ display: inline-block; padding: 10px 30px; border: 1px solid #dedede; border-radius: 6px; background: #fff; transition: all 0.3s; color: #666;}
.nfa_li:hover{ background: #f2f2f2;}
.nfa_li:hover .nfa_text h5 span{ background: #e40011; color: #fff;}
.nfa_li:hover .nfa_img a{ transform: scale(1.1);}
.fangan_list .fanye{ margin-top: 30px;}

.ny_title{ padding-bottom: 10px; border-bottom: 1px solid #Dedede; margin-bottom: 30px;}
.ny_title h5{ margin: 20px 0; color: #666;}
.ny_title h2{ color: #333;}

.ny_content .s_new{ margin: 0; padding: 0; background: none;}
.ny_content .s_new .caption{ margin-bottom: 40px; box-shadow: 0px 2px 6px rgba(0,0,0,0.1);}
.ny_right>h3{ border-bottom: 1px solid #dedede; margin-bottom: 20px;}
.ny_right>h3 span{ display: inline-block; position: relative; padding-bottom: 10px;}
.ny_right>h3 span:after{ content: ''; width: 100%; height: 3px; background: #e40011; position: absolute; left: 0; bottom: -1px;}

.honor_img{ padding-top: 63.4%; display: block;}
.honor_list .caption{ margin-bottom: 40px;}
.honor_list .caption h5{ margin: 0; padding: 15px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; transition: all 0.3s; white-space: nowrap; color: #666; font-size: 16px; background: #f0f0f0;}
.honor_list .caption:hover h5{ background: #e40011; color: #fff;}

.val_img{ padding-top: 60%; display: block; position: relative; border: 1px solid #dedede; border-bottom: none;}
.val_img:after{ content: ''; width: 58px; height: 58px; background: url(../images/v.png) center no-repeat; background-size: cover; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%);}
.val_list .caption{ margin-bottom: 40px;}
.val_list .caption h5{ margin: 0; padding: 15px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; font-size: 16px; transition: all 0.3s; background: #f0f0f0;}
.val_list .caption:hover h5{ background: #e40011; color: #fff;}

.n_shiyong{ padding: 100px 0; background: url(../images/shiyong.jpg) center no-repeat; background-size: cover; margin-bottom: 50px;}
.n_shiyong .bai{ background: #fff; padding:60px; padding-bottom: 40px; background: #fff; border-top: 9px solid #e40011;}
.sy_form button{ padding: 10px 30px; font-size: 16px; background: #e40011; color: #fff; border: none;}
.sy_form .form-group input{ height: 46px; border-radius: 0;}
.n_shiyong .caption h2{ color: #333; padding-bottom: 10px; position: relative;}
.n_shiyong .caption h2 strong{ font-size: 28px; margin-bottom: 10px; display: block;}
.n_shiyong .caption h2 span{ font-family: Arial; display: block; font-size: 24px; text-transform: uppercase; font-weight: bold;}
.n_shiyong .caption h2:after{ content: ''; width: 45px; height: 3px; background: #e40011; position: absolute; left: 0; bottom: 0;}
.n_shiyong .caption h4{ line-height: 30px; font-size: 18px; margin: 30px 0; color: #666;}
.n_shiyong .caption h5{ font-size: 16px; color: #666;}
.n_shiyong .caption h5 strong{ display: block; font-size: 30px; color: #e40011; margin-top: 10px;}

.n_dingzhi{ overflow: hidden;}
.ndz_li{ margin-bottom: 120px; position: relative;}
.ndz_li .container{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;}
.ndz_li.hui{ background: #f5f5f5;}
/* .ndz_li.hui:after{ content: ''; width: calc(100% + 200px); height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;} */
.ndz_li .ndz_text{ padding:0 60px;}
.ndz_left{ width: 46.8%;}
.ndz_right{ width: 53.2%;}
.ndz_img img{ display: block; max-width: 100%; margin: 0 auto;}

.ndz_li .cao{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); z-index: 2;}
.ndz_li .cao .xuhao{ color: #fff; opacity: 0.1;}
.ndz_li .cao .ndz_text{ color: #fff;}
.ndz_li .cao .ndz_text p{ color: #fff;}
.ndz_text h2{ border-bottom: 1px solid #dedede; margin-bottom: 20px; font-size: 36px;}
.ndz_text h2 span{ display: inline-block; font-weight: bold; padding-bottom: 20px; position: relative;}
.ndz_text h2 span:after{ content: ''; width: 110%; height: 6px; background: #e40011; position: absolute; left: 0; bottom: -1px;}
.ndz_text p{ font-size: 24px; line-height: 40px; color: #666;}

.xuhao{ font-size: 100px; line-height:100px; color: #000; opacity: 0.05; font-weight: bold;}
/* .ndz_text.ndz_right:after{ content: ''; width: 150%; height: 150%; bottom: -50%; right: -70px; z-index: -1; background: #f5f5f5; position: absolute;} */
.n_dingzhi .s_biao strong{ font-size: 120px;}
.dhxr_lc{ margin-bottom: 100px;}

.join_us .s_biao strong{ font-size: 120px;}
.join_a, .join_b, .join_c{ margin-bottom: 60px;}
.join_b ul{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;}
.join_b ul li{ width: 20%; text-align: center;}


.zhaopin_2 .panel{ border: none; background: none; margin-bottom: 20px; box-shadow: none;}
.zhaopin_2 .panel{ border: 1px solid #dedede; border-radius: 0;}
.zhaopin_2 .panel-heading{ padding:0;}
.zhaopin_2 .panel-heading a{ display:block; padding: 10px 40px; color: #333; position: relative; font-size: 18px; padding-left: 50px; padding-right: 150px; transition: all 0.3s; line-height: 30px; background: #fff;}
.zhaopin_2 .panel-heading a:after{ content: ''; width: 3px; height:40px; background: #e40011; position: absolute; left: 0; top: 20px;}
.zhaopin_2 .panel-heading a span{ font-size: 16px; color: #666; display: block;}
.zhaopin_2 .panel-heading a i{ width: 34px; height: 34px; background: url(../images/join_7.jpg) center no-repeat; background-size: cover; position: absolute; right: 30px; top: 50%; transform: translateY(-50%) rotate(90deg); z-index: 2;}
.zhaopin_2 .panel-heading a.collapsed i{ transform: translateY(-50%) rotate(0);}
.zhaopin_2 .panel-default>.panel-heading+.panel-collapse>.panel-body{ border: none;}

.zhaopin_2 .panel .panel-body{ padding-left: 50px;}

.ty_content.why_1 p{ font-size: 20px; color: #666; line-height: 36px;}
.why_2{ text-align: center; padding: 40px 0;}
.why_2 img{ display: inline-block; vertical-align: middle;}
.why_2 span{ font-size: 24px; text-indent: 2em; text-align: left; color: #777; padding-left: 30px; border-left: 5px solid #c5cfcf; display: inline-block; vertical-align: middle; margin-left: 30px;}

.why_3{ padding-top: 80px; position: relative; margin-bottom: 60px;}
.why_3:after{ content: ''; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid #a6a6a6; position: absolute; top: 0; left: 50%; transform: translateX(-50%); border-top-right-radius: 6px; border-top-left-radius: 6px;}
.why_3 .swiper-slide a{ padding-top: 66.59%; display: block;}
.why_3 .swiper-slide {
transition: 300ms;
transform: scale(0.9);
}
.why_3 .swiper-slide-active, .why_3 .swiper-slide-duplicate-active{
  transform: scale(1);
}
.why_4{ width: 80%; margin: 0 auto; margin-bottom: 60px;}
.why_4 h4{ color: #666; font-size: 20px; line-height:36px; margin-bottom: 50px; text-align: center;}
.why_4 h4 span{ font-size: 36px; color: #e40011;}
.why_4 ul{ display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;}
.why_4 ul li{ width: 17%; margin-bottom: 40px;}
.why_4 ul li a{ display: block; padding-top: 100%; border-radius: 50%; position: relative;}
.why_4 ul li a:after{ content: ''; width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; border: 0px solid rgba(255,255,255,0.85); transition: all 0.6s;}
.why_4 ul li:hover a:after{ border: 15px solid rgba(255, 255, 255, 0.35);}

.why_5{ margin-bottom: 60px;}
.why_5 .s_biao strong{ font-size: 120px;}
.why_5 ul{ position: absolute; height: 100%; width: 100%; z-index: 2; left: 0; top: 0;}
.why_5 ul li{ position: absolute;}
.why_5 ul li h4{ font-size: 24px; font-weight: bold;}
.why_5 ul li p{ font-size: 18px; line-height: 30px; text-align: justify; color: #666;}

.why_5 ul li:nth-child(1) h4, .why_5 ul li:nth-child(2) h4, .why_5 ul li:nth-child(3) h4{ text-align: right;}
.why_5 ul li:nth-child(1){ width: 22%; left: 0; top: 20%;}
.why_5 ul li:nth-child(2){ width: 20%; left: 0; top: 52%;}
.why_5 ul li:nth-child(3){ width: 30%; left: 0; top: 73.5%;}
.why_5 ul li:nth-child(4){ width: 34%; right: 0; top: 4%;}
.why_5 ul li:nth-child(5){ width: 27%; right: 0; top: 26%;}
.why_5 ul li:nth-child(6){ width: 21%; right: 0; top: 67%;}

.why_5 ul li:nth-child(1) h4{ color: #189a80;}
.why_5 ul li:nth-child(2) h4{ color: #2f708c;}
.why_5 ul li:nth-child(3) h4{ color: #eea53f;}
.why_5 ul li:nth-child(4) h4{ color: #ca0614;}
.why_5 ul li:nth-child(5) h4{ color: #574368;}
.why_5 ul li:nth-child(6) h4{ color: #333333;}



.why_6{ margin-bottom: 100px;}
.why_6 ul{ display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;}
.why_6 ul li{ width: 25%;}
.why_6 ul li h2{ margin: 20px auto; padding: 15px 0; width: 70%; background: #eea53f; color: #fff; font-size: 24px; text-align: center; border-radius: 8px; font-weight: bold;}
.why_6 ul li h4{ color: #333; line-height: 30px; font-size: 16px; text-align: center; width: 68%; margin: 0 auto;}
.why_ico{ width: 60%; margin: 0 auto; position: relative;}
.why_ico:after{ content: ''; width: 66.66%; height: 1px; background: #eea53f; position: absolute; left: 100%; top: 50%;}
.why_ico:before{ content: ''; width: 1px; height: 20px; top: 100%; left: 50%; position: absolute; background: #eea53f;}
.why_ico span{ padding-top: 100%; background: #fff; display: block; border: 1px solid #eea53f; position: relative; border-radius: 50%;}
.why_ico span:after{ content: ''; width: calc(50% + 1px); height: calc(50% + 1px); position: absolute; right: -2px; bottom: -2px; background: #fff; z-index: 2;}
.why_ico span:before{ content: ''; width: 80%; height: 80%; border-radius: 50%; border: 25px solid #eea53f; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 3;}
.why_ico span img{ position: absolute; max-width: 40%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 4;}

.why_6 ul li:nth-child(2) .why_ico:after, .why_6 ul li:nth-child(2) .why_ico:before, .why_6 ul li:nth-child(2) h2{ background:#189a80;}
.why_6 ul li:nth-child(2) .why_ico span, .why_6 ul li:nth-child(2) .why_ico span:before{ border-color:#189a80;}
.why_6 ul li:nth-child(3) .why_ico:after, .why_6 ul li:nth-child(3) .why_ico:before, .why_6 ul li:nth-child(3) h2{ background:#ca0514;}
.why_6 ul li:nth-child(3) .why_ico span, .why_6 ul li:nth-child(3) .why_ico span:before{ border-color:#ca0514;}
.why_6 ul li:nth-child(4) .why_ico:after, .why_6 ul li:nth-child(4) .why_ico:before, .why_6 ul li:nth-child(4) h2{ background:#2f718c;}
.why_6 ul li:nth-child(4) .why_ico span, .why_6 ul li:nth-child(4) .why_ico span:before{ border-color:#2f718c;}
.why_6 ul li:last-child .why_ico:after{ display: none;}

.why_6 ul li:hover .why_ico span:before{ transform: translateX(-50%) translateY(-50%) rotateY(180deg); transition: all 0.6s;}
.why_6 ul li:hover .why_ico span img{transform: translateX(-50%) translateY(-50%) rotateY(180deg); transition: all 0.6s;}
.lx_content{ margin-bottom: 50px;}
.lx_content .row{ display: flex;
  display: -webkit-flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;}
.lx_content .caption{ border-radius: 16px; background: #f4f4f4; padding: 40px 0; height: 100%; text-align: center;}
.lx_content .caption i{ font-size: 36px; color: #e40011;}
.lx_content .caption p{ font-size: 24px; color: #333; width: 70%; line-height: 36px; margin: 0 auto; margin-top: 10px;}
.lx_content .caption p b{ font-weight: normal; font-size: 22px; display: block; margin-bottom: 5px;}
.lx_content .caption p span{ display: inline-block;}

.ncp_n_2 iframe{ min-height: 600px;}




/* 通用样式 */
.dw{ position: relative;}

.ty_content p{ font-size: 14px; color: #666; line-height: 24px;}
.ty_content img{ height: auto !important; max-width: 100%;}
.ty_content ul, .ty_content ol{ padding-left: 30px;}
.ty_content ul li{ list-style: disc;}
.ty_content ol li{ list-style: decimal;}
.ty_content table{ height: auto !important;}
.ty_content table tr{ width: auto !important; height: auto !important;}
.ty_content table tr td{
  /* border: 1px solid #Dedede; */
  width: auto !important;
  height: auto !important;
  max-width: auto !important;
  max-height: auto !important;
  font-size: 14px !important;
  padding: 5px !important;}
  .ty_content table tr td img{ width: auto !important; height: auto !important;}
.ty_content div{ max-width: 100% !important;}


.tabel_content table{ max-width: 100% !important;}
#code{ transform: translateY(-2px);}

.fanye{ padding: 20px 0; margin-bottom: 30px;}
.fanye a{ display:inline-block; padding:8px 14px; background:#eeeeee; color:#666; text-decoration:none; margin: 0 5px; border-radius: 3px;}
.fanye a:hover{ color:#e40011;}
.fanye a.active{ background:#e40011; color:#fff;}
.fanye a.active:hover{ color:#fff;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye02{ padding: 15px 0; border-top: 1px solid #dedede; margin: 50px 0;}
.fanye02 a{ font-size: 16px; color: #333;}
.fanye02 a:hover{ color: #e40011;}

#bsWXBox{height: 256px !important; width: 232px !important;}	

.my-map { margin: 0 auto; width: 100%; height: 500px; }
.my-map .icon { background: url(../images/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.myinfowindow{width: 240px;min-height: 50px;}
.myinfowindow h5{ height: 20px; line-height: 20px; overflow: hidden; font-size: 14px; font-weight: bold; width: 220px; text-overflow: ellipsis; word-break: break-all; white-space: nowrap; }
.myinfowindow div{ margin-top: 10px; min-height: 40px; line-height: 20px; font-size: 13px; color: #6f6f6f; }

@media (max-width:767px){
.header{ height: 60px;}
.header .container.cw{ padding: 0 15px; height: 100%;}

.pc_nav ul li{ padding: 5px 0; padding-right: 30px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.35);}
.pc_nav ul li i{ width: 31px; height: 31px; display: inline-block; position: absolute; right: 0; top: 8px;}
.pc_nav ul li i:after{ content: ''; width: 16px; height: 1px; position: absolute; left: 7px; top: 14px; background: rgba(255,255,255,0.65);}
.pc_nav ul li i:before{ content: ''; width: 1px; height: 16px; position: absolute; left: 15px; top: 7px; background: rgba(255,255,255,0.65);}
.pc_nav ul li>a{ line-height: 36px; color: #fff; font-size: 16px; text-align: left; padding-top: 0;}
.pc_nav ul li.active>a{ background: none;}
.header.active{ height: 60px;}
.header.active .pc_nav ul li>a{ line-height: 36px; color: #fff;}
.header.active .menu-link.active span:before, .header.active .menu-link span, .header.active .menu-link span:before, .header.active .menu-link span:after{ background-color: #e40011;}
.header.active .menu-link.active span{ background-color: transparent;}
.pc_nav{ display: none; background: rgba(0,0,0,0.85); position: absolute; top: 60px; left: 15px; right: 15px; padding: 15px 30px;}
.erji{ position: static; opacity: 1; display: none; pointer-events: auto; background: none; border-radius: 0; padding: 0;}
.erji .ej_li>a{ font-size: 14px; text-align: left; color: rgba(255,255,255,0.75); padding-left: 15px; line-height: 30px;}
.pc_nav ul li:hover .erji{ display: block;}

.pc_nav.active{ display: block;}
.logo{ width: auto; height: 70%; left: 15px; top: 15%; padding-top: 0;}
.logo a{ height: 100%;}
.logo a img{ height: 100%; max-width: auto;}
.logo a img{ margin-top: 0;}
.pc_more{ display: none;}

.s_biao{ padding: 15px 0; font-size: 20px; margin-bottom: 15px;}
.s_biao strong{ font-size: 30px;}
.s_biao span{ font-size: 14px;}
.ban_text{ top: 50%; opacity: 1;}
.ban_text h2{ font-size: 20px; margin-bottom: 20px;}
.ban_text h2 strong{ font-size: 30px;}
.ban_text h2 strong img{ max-width: 80%;}
.ban_text a{ font-size: 14px; padding: 8px 30px;}
.ban_text .container{ padding-left: 45px;}
.s_banner .swiper-slide{ height: 40vh;}
.s_banner .swiper-slide.swiper-slide-active .ban_text .container{ padding-left: 15px;}
.s_banner .swiper-pagination{bottom: 3%;}
.s_banner .swiper-pagination .swiper-pagination-bullet{ height: 12px; margin: 0 5px;}
.s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 18px;}
.sfa_text h2{ font-size: 18px;}
.scp_dw h3{ font-size: 16px; margin: 10px 0;}
.scp_dw h5 i{ width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
.scp_img i{ background-size: 70% !important;}
.scp_dw{ padding: 0 15px;}
.scp_dw p {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;
  overflow: hidden;}
.scp_dw h5{ margin-top: 10px;}
.s_product{ padding: 30px 0;}
.s_product .dw .swiper-button-prev, .s_product .dw .swiper-button-next{ width: 30px;}
.s_product .dw .swiper-button-prev{ left: -5px;}
.s_product .dw .swiper-button-next{ right: -5px;}
.s_product .swiper-container{ padding-top: 0;}
.s_product .swiper-container .swiper-slide:hover{ transform: translateY(0);}
.sfa_text h3{ font-size: 16px; margin: 10px 0;}
.sfa_text h2{ margin-top: 0;}
.sfa_text p{ width: 100%; display: none;}
.sfa_text h5{ margin-top: 0;}
.sfa_text h5 a{ padding: 8px 20px; font-size: 14px; display: inline-block;}
.sfa_img{ width: auto; height: auto; padding-top: 100%;}
.s_fangan .bai{ padding-right: 45px; padding-left: 5px;}
.sfa_more{ width: 40px;}
.sfa_more a{ font-size: 14px;}
.sfa_more a i{ width: 26px; height: 26px; line-height: 26px; font-size: 16px;}
.s_fangan .gallery-thumbs .swiper-slide h5{ font-size: 14px; margin-top: 10px;}
.s_fangan .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
.s_new{ padding: 20px 0;}
.snew_text h5{ font-size: 14px;}
.snew_text{ padding: 5px 10px;}
.snew_more{ margin-top: 10px;}
.snew_text h6{ display: none;}
.s_new .caption{ margin-bottom: 20px;}
.s_hezuo{ padding: 20px 0;}
.s_hezuo ul{ margin: 15px 0;}
.foot_nav ul{ padding: 0;}
.foot_nav ul li{ width: 50%; padding: 10px 0;}
.foot_nav ul li i{ margin-right: 0; width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
.foot_nav ul li h3{ font-size: 16px; display: block; text-align: center; margin-top: 10px;}
.foot_nav ul li h3 span{ font-size: 12px;}
.foot_nav ul li:nth-child(1){ border-bottom: 1px solid #dedede;}
.foot_nav ul li:nth-child(2){ border-bottom: 1px solid #dedede;}
.footer{ padding-top: 10px;}
.footer .caption h2 strong{ font-size: 20px;}
.footer .caption h2{ font-size: 16px; line-height: 24px;}
.footer .caption p{ font-size: 14px;}
.ft_di{ margin-top: 20px;}

.n_banner{ margin-top: 60px;}
.n_banner h2 strong{ font-size: 18px; margin-bottom: 0;}
.n_banner h2 span{ font-size: 16px;}
.n_banner h2{ margin: 0; padding-bottom: 10px;}
.weizhi{ padding: 15px 0; margin-bottom: 20px;}
.weizhi ul li{ margin: 0;}
.weizhi ul li a{ padding:2px 5px; font-size: 14px;}
.weizhi .text-right{ display: none;}
.weizhi ul li a:after{ bottom: -15px;}
.nab_1 h2 strong{ font-size: 24px;}
.nab_1 h2 span{ font-size: 20px;}
.nab_1 .ty_content{ max-height: 340px; margin-bottom: 15px;}
.nab_1 .ty_content p{ font-size: 14px; line-height: 24px;}
.nab_2 .s_biao strong{ font-size: 30px;}
.nab_2{ padding: 15px 0;}
.nab_2 .dw{ margin: 0; padding: 15px 0; background: none;}
.nab_2 ul li{ padding: 0; width: 48%; background: none; margin-bottom: 15px;}
.nab_2 ul li h2{ font-size: 18px; padding-bottom: 10px;}
.nab_2 ul li h3{ font-size: 16px; line-height: 24px; margin-top: 10px;}
.shu_zi{ display: none;}
.weizhi ul li.active a:after{ display: none;}
.ncp_content h1 strong{ font-size: 24px;}
.ncp_content h1 span{ font-size: 20px;}
.ncp_jj{ padding: 15px;}
.ncp_jj h2{ margin: 0; margin-bottom: 10px; font-size: 18px;}
.ncp_jj p{ font-size: 14px; line-height: 24px;}
.san_sanjiao{ margin: 30px 0;}
.ncp_n_3, .ncp_n_4, .ncp_n_6{ padding: 30px 0;}
.ncp_n_3 .caption{ padding: 10px;}
.ncp_n_3 .caption h2{ font-size: 30px; margin: 10px 0;}
.ncp_n_3 .caption p{ font-size: 14px;}
.ncp_n_5 ul li{ margin-right: 10px;}
.ncp_n_5 ul li a{ padding: 8px 20px; font-size: 14px;}
.nal_text h3{ font-size: 16px;}
.nal_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
.nal_text h5{ margin-top: 15px;}
.ndown_dw{ padding: 0 30px; margin: 20px 0;}
.ncp_n_6 .swiper-slide a{ padding: 10px;}
.ncp_n_6 .swiper-slide a span{ font-size: 14px; width: calc(100% - 60px);}
.ncp_n_6 .swiper-slide a i{ font-size: 18px;}
.ndown_dw .swiper-button-prev i, .ndown_dw .swiper-button-next i{ font-size: 24px;}
.ncp_n_7{ padding: 20px 0; margin-bottom: 30px;}
.ncp_n_7 .caption{ padding: 15px;}
.ncp_n_7 .caption h2{ font-size: 18px;}
.ncp_n_7 .caption p{ line-height: 24px; font-size: 14px;}
.ncp_text h3{ font-size: 16px;}
.ncp_text p{ line-height: 24px; font-size: 14px; height: 72px;}
.n_dingzhi .s_biao strong, .join_us .s_biao strong{ font-size: 30px;}
.ndz_left, .ndz_right{ width: 100%;}
.ndz_li .ndz_text{ padding: 0;}
.ndz_text h2{ font-size: 18px;}
.ndz_text p{ font-size: 14px; line-height: 24px;}
.ndz_text h2 span{ padding-bottom: 10px;}
.ndz_text h2 span:after{ height: 3px;}
.ndz_li, .dhxr_lc{ margin-bottom: 30px;}
.nanli_list ul li{ margin: 0 10px;}
.nanli_list ul li a{ padding: 8px 20px; font-size: 14px;}
.nanli_list ul{ margin-bottom: 30px;}
.join_b ul li img{ width: 30px;}
.join_b ul li h5{ font-size: 13px;}
.join_a, .join_b, .join_c{ margin-bottom: 30px;}
.zhaopin_2 .panel-heading a{ padding-right: 40px; padding-left: 20px; font-size: 16px; line-height: 24px;}
.zhaopin_2 .panel-heading a i{ right: 10px; width: 20px; height: 20px;}
.zhaopin_2 .panel-heading a span{ font-size: 14px;}
.zhaopin_2 .panel-heading a:after{ top: 13px;}
.zhaopin_2 .panel .panel-body{ padding-left: 20px;}
.nfa_text h3{ font-size: 16px;}
.nfa_text p{ line-height: 24px; font-size: 14px; margin: 10px 0;}
.nfa_li{ padding: 15px 0;}
.ny_title h2{ font-size: 18px;}
.ny_title h5{ margin: 10px 0;}
.fanye02{ margin: 30px 0;}
.fanye02 a{ font-size: 14px; display: block; margin: 10px 0;}
.fanye02 .row .col-sm-6.text-right{ text-align: left;}
.lx_content .row .col-sm-4{ width: 100%;}
.lx_content .caption p{ font-size: 14px; line-height: 24px;}
.lx_content .caption p b{ font-size: 14px; font-weight: bold;}
.lx_content .caption i{ font-size: 16px;}
.lx_content .caption{ padding: 15px 0; margin-bottom: 10px; height: auto;}
.lx_content{ margin-bottom: 30px;}
.my-map{ height: 300px;}
.n_shiyong{ padding: 30px 0;}
.n_shiyong .bai{ padding: 15px;}
.n_shiyong .caption h2 strong{ font-size: 18px; margin-bottom: 5px;}
.n_shiyong .caption h2 span{ font-size: 16px;}
.n_shiyong .caption h4{ font-size: 14px; line-height: 24px; margin: 20px 0;}
.n_shiyong .caption h5 strong{ font-size: 24px;}
.sy_form{ margin-top: 20px;}
.sy_form .form-group input{ height: 34px;}
.sy_form button{ font-size: 14px;}
.honor_list .caption, .val_list .caption{ margin-bottom: 20px;}
.n_banner{ min-height: auto;}
.ty_content.why_1 p{ font-size: 14px; line-height: 24px;}
.why_2{ padding:20px 0}
.why_2 span{ font-size: 14px; margin:10px 0; text-align: center; text-indent: 0; padding: 0; border: none;}
.why_2 img{ width: 100px;}
.why_3{ padding-top: 40px; margin-bottom: 20px;}
.why_3:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #a6a6a6;}
.why_4{ width: 100%; margin-bottom: 20px;}
.why_4 h4{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
.why_4 h4 span{ font-size: 24px;}
.why_4 ul li{ margin-bottom: 15px;}
.why_5 ul li h4{ font-size: 14px; margin-top: 0; margin-bottom: 5px;}
.why_5 ul li p{ font-size: 12px; line-height: 18px;}
.why_ico span:before{ border: 5px solid #eea53f;}
.why_ico span img{ max-width: 35%;}
.why_6 ul li h2{ font-size: 14px; padding: 10px 0;}
.why_6 ul li h4{ font-size: 14px; line-height: 24px;}
.snew_more{ margin-top: 25px;}
.ny_right>h3{ font-size: 18px;}
.xuhao{ font-size: 68px; line-height: 68px;}
.why_6, .why_5{ margin-bottom: 30px;}
.why_5 .dw>img{ display: none !important;}
.why_5 ul{position: static;}
.why_5 ul li{ width: 100% !important; position: static; margin-bottom: 15px;}
.why_5 ul li h4{  text-align: left !important; font-weight: bold;}
.why_5 ul li p{ line-height: 24px;}
.ndz_li .cao{ position: static; transform: translateY(0);}
.ndz_li .cao .xuhao{ color: #000;}
.ndz_li .cao .ndz_text h2{ color: #333;}
.ndz_li .cao .ndz_text p{ color: #666;}


.ncp_n_2 iframe{ min-height: 300px;}

}
@media (min-width:768px) and (max-width:991px) {
    

  .header{ height: 60px;}
  .header .container.cw{ padding: 0 15px; height: 100%;}
  
  .pc_nav ul li{ padding: 5px 0; padding-right: 30px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.35);}
  .pc_nav ul li i{ width: 31px; height: 31px; display: inline-block; position: absolute; right: 0; top: 8px;}
  .pc_nav ul li i:after{ content: ''; width: 16px; height: 1px; position: absolute; left: 7px; top: 14px; background: rgba(255,255,255,0.65);}
  .pc_nav ul li i:before{ content: ''; width: 1px; height: 16px; position: absolute; left: 15px; top: 7px; background: rgba(255,255,255,0.65);}
  .pc_nav ul li>a{ line-height: 36px; color: #fff; font-size: 16px; text-align: left; padding-top: 0;}
  .pc_nav ul li.active>a{ background: none;}
  .header.active{ height: 60px;}
  .header.active .pc_nav ul li>a{ line-height: 36px; color: #fff;}
  .header.active .menu-link.active span:before, .header.active .menu-link span, .header.active .menu-link span:before, .header.active .menu-link span:after{ background-color: #e40011;}
  .header.active .menu-link.active span{ background-color: transparent;}
  .pc_nav{ display: none; background: rgba(0,0,0,0.85); position: absolute; top: 60px; left: 15px; right: 15px; padding: 15px 30px;}
  .erji{ position: static; opacity: 1; display: none; pointer-events: auto; background: none; border-radius: 0; padding: 0;}
  .erji .ej_li>a{ font-size: 14px; text-align: left; color: rgba(255,255,255,0.75); padding-left: 15px; line-height: 30px;}
  .pc_nav ul li:hover .erji{ display: block;}
  
  .pc_nav.active{ display: block;}
  .logo{ width: auto; height: 70%; left: 15px; top: 15%; padding-top: 0;}
  .logo a{ height: 100%;}
  .logo a img{ height: 100%; max-width: auto;}
  .logo a img{ margin-top: 0;}
  .pc_more{ display: none;}
  
  .s_biao{ padding: 15px 0; font-size: 20px; margin-bottom: 15px;}
  .s_biao strong{ font-size: 30px;}
  .s_biao span{ font-size: 14px;}
  .ban_text{ top: 40%;}
  .ban_text h2{ font-size: 24px; margin-bottom: 30px;}
  .ban_text h2 strong{ margin-bottom: 20px;}
  .ban_text h2 strong img{ max-width: 80%;}
  .ban_text a{ font-size: 14px; padding: 8px 30px;}
  .ban_text .container{ padding-left: 45px;}
  .s_banner .swiper-slide.swiper-slide-active .ban_text .container{ padding-left: 15px;}
  .s_banner .swiper-pagination{bottom: 3%;}
  .s_banner .swiper-pagination .swiper-pagination-bullet{ height: 12px; margin: 0 5px;}
  .s_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ height: 18px;}
  .sfa_text h2{ font-size: 18px;}
  .scp_dw h3{ font-size: 16px; margin: 10px 0;}
  .scp_dw h5 i{ width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
  .scp_img i{ background-size: 70% !important;}
  .scp_dw{ padding: 0 15px;}
  .scp_dw p {  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;
    overflow: hidden;}
  .scp_dw h5{ margin-top: 10px;}
  .s_product{ padding: 30px 0;}
  .s_product .dw .swiper-button-prev, .s_product .dw .swiper-button-next{ width: 30px;}
  .s_product .dw .swiper-button-prev{ left: -5px;}
  .s_product .dw .swiper-button-next{ right: -5px;}
  .s_product .swiper-container{ padding-top: 0;}
  .s_product .swiper-container .swiper-slide:hover{ transform: translateY(0);}
  .sfa_text h3{ font-size: 16px; margin: 10px 0;}
  .sfa_text h2{ margin-top: 0;}
  .sfa_text p{ width: 100%; display: none;}
  .sfa_text h5{ margin-top: 0;}
  .sfa_text h5 a{ padding: 8px 20px; font-size: 14px; display: inline-block;}
  .sfa_img{ width: auto; height: auto; padding-top: 100%;}
  .s_fangan .bai{ padding-right: 45px; padding-left: 5px;}
  .sfa_more{ width: 40px;}
  .sfa_more a{ font-size: 14px;}
  .sfa_more a i{ width: 26px; height: 26px; line-height: 26px; font-size: 16px;}
  .s_fangan .gallery-thumbs .swiper-slide h5{ font-size: 14px; margin-top: 10px;}
  .s_fangan .gallery-thumbs .swiper-slide.swiper-slide-thumb-active:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff;}
  .s_new{ padding: 20px 0;}
  .snew_text h5{ font-size: 14px;}
  .snew_text{ padding: 5px 10px;}
  .snew_more{ margin-top: 10px;}
  .snew_text h6{ display: none;}
  .s_new .caption{ margin-bottom: 20px;}
  .s_hezuo{ padding: 20px 0;}
  .s_hezuo ul{ margin: 15px 0;}
  .foot_nav ul{ padding: 0;}
  .foot_nav ul li{ width: 50%; padding: 10px 0;}
  .foot_nav ul li i{ margin-right: 0; width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
  .foot_nav ul li h3{ font-size: 16px; display: block; text-align: center; margin-top: 10px;}
  .foot_nav ul li h3 span{ font-size: 12px;}
  .foot_nav ul li:nth-child(1){ border-bottom: 1px solid #dedede;}
  .foot_nav ul li:nth-child(2){ border-bottom: 1px solid #dedede;}
  .footer{ padding-top: 10px;}
  .footer .caption h2 strong{ font-size: 20px;}
  .footer .caption h2{ font-size: 16px; line-height: 24px;}
  .footer .caption p{ font-size: 14px;}
  .ft_di{ margin-top: 20px;}
  
  .n_banner{ margin-top: 60px;}
  .n_banner h2 strong{ font-size: 18px; margin-bottom: 0;}
  .n_banner h2 span{ font-size: 16px;}
  .n_banner h2{ margin: 0; padding-bottom: 10px;}
  .weizhi{ padding: 15px 0; margin-bottom: 20px;}
  .weizhi ul li{ margin: 0;}
  .weizhi ul li a{ padding:2px 5px; font-size: 14px;}
  .weizhi .text-right{ display: none;}
  .weizhi ul li a:after{ bottom: -15px;}
  .nab_1 h2 strong{ font-size: 24px;}
  .nab_1 h2 span{ font-size: 20px;}
  .nab_1 .ty_content{ max-height: 340px; margin-bottom: 15px;}
  .nab_1 .ty_content p{ font-size: 14px; line-height: 24px;}
  .nab_2 .s_biao strong{ font-size: 30px;}
  .nab_2{ padding: 15px 0;}
  .nab_2 .dw{ margin: 0; padding: 15px 0; background: none;}
  .nab_2 ul li{ padding: 0; width: 48%; background: none; margin-bottom: 15px;}
  .nab_2 ul li h2{ font-size: 18px; padding-bottom: 10px;}
  .nab_2 ul li h3{ font-size: 16px; line-height: 24px; margin-top: 10px;}
  .shu_zi{ display: none;}
  .weizhi ul li.active a:after{ display: none;}
  .ncp_content h1 strong{ font-size: 24px;}
  .ncp_content h1 span{ font-size: 20px;}
  .ncp_jj{ padding: 15px;}
  .ncp_jj h2{ margin: 0; margin-bottom: 10px; font-size: 18px;}
  .ncp_jj p{ font-size: 14px; line-height: 24px;}
  .san_sanjiao{ margin: 30px 0;}
  .ncp_n_3, .ncp_n_4, .ncp_n_6{ padding: 30px 0;}
  .ncp_n_3 .caption{ padding: 10px;}
  .ncp_n_3 .caption h2{ font-size: 30px; margin: 10px 0;}
  .ncp_n_3 .caption p{ font-size: 14px;}
  .ncp_n_5 ul li{ margin-right: 10px;}
  .ncp_n_5 ul li a{ padding: 8px 20px; font-size: 14px;}
  .nal_text h3{ font-size: 16px;}
  .nal_text p{ font-size: 14px; line-height: 24px; margin: 10px 0;}
  .nal_text h5{ margin-top: 15px;}
  .ndown_dw{ padding: 0 30px; margin: 20px 0;}
  .ncp_n_6 .swiper-slide a{ padding: 10px;}
  .ncp_n_6 .swiper-slide a span{ font-size: 14px; width: calc(100% - 60px);}
  .ncp_n_6 .swiper-slide a i{ font-size: 18px;}
  .ndown_dw .swiper-button-prev i, .ndown_dw .swiper-button-next i{ font-size: 24px;}
  .ncp_n_7{ padding: 20px 0; margin-bottom: 30px;}
  .ncp_n_7 .caption{ padding: 15px;}
  .ncp_n_7 .caption h2{ font-size: 18px;}
  .ncp_n_7 .caption p{ line-height: 24px; font-size: 14px;}
  .ncp_text h3{ font-size: 16px;}
  .ncp_text p{ line-height: 24px; font-size: 14px; height: 72px;}
  .n_dingzhi .s_biao strong, .join_us .s_biao strong{ font-size: 30px;}
  .ndz_left, .ndz_right{ width: 100%;}
  .ndz_li .ndz_text{ padding: 0;}
  .ndz_text h2{ font-size: 18px;}
  .ndz_text p{ font-size: 14px; line-height: 24px;}
  .ndz_text h2 span{ padding-bottom: 10px;}
  .ndz_text h2 span:after{ height: 3px;}
  .ndz_li, .dhxr_lc{ margin-bottom: 30px;}
  .nanli_list ul li{ margin: 0 10px;}
  .nanli_list ul li a{ padding: 8px 20px; font-size: 14px;}
  .nanli_list ul{ margin-bottom: 30px;}
  .join_b ul li img{ width: 30px;}
  .join_b ul li h5{ font-size: 13px;}
  .join_a, .join_b, .join_c{ margin-bottom: 30px;}
  .zhaopin_2 .panel-heading a{ padding-right: 40px; padding-left: 20px; font-size: 16px; line-height: 24px;}
  .zhaopin_2 .panel-heading a i{ right: 10px; width: 20px; height: 20px;}
  .zhaopin_2 .panel-heading a span{ font-size: 14px;}
  .zhaopin_2 .panel-heading a:after{ top: 13px;}
  .zhaopin_2 .panel .panel-body{ padding-left: 20px;}
  .nfa_text h3{ font-size: 16px;}
  .nfa_text p{ line-height: 24px; font-size: 14px; margin: 10px 0;}
  .nfa_li{ padding: 15px 0;}
  .ny_title h2{ font-size: 18px;}
  .ny_title h5{ margin: 10px 0;}
  .fanye02{ margin: 30px 0;}
  .fanye02 a{ font-size: 14px; display: block; margin: 10px 0;}
  .fanye02 .row .col-sm-6.text-right{ text-align: left;}
  .lx_content .row .col-sm-4{ width: 100%;}
  .lx_content .caption p{ font-size: 14px; line-height: 24px;}
  .lx_content .caption p b{ font-size: 14px; font-weight: bold;}
  .lx_content .caption i{ font-size: 16px;}
  .lx_content .caption{ padding: 15px 0; margin-bottom: 10px; height: auto;}
  .lx_content{ margin-bottom: 30px;}
  .my-map{ height: 300px;}
  .n_shiyong{ padding: 30px 0;}
  .n_shiyong .bai{ padding: 15px;}
  .n_shiyong .caption h2 strong{ font-size: 18px; margin-bottom: 5px;}
  .n_shiyong .caption h2 span{ font-size: 16px;}
  .n_shiyong .caption h4{ font-size: 14px; line-height: 24px; margin: 20px 0;}
  .n_shiyong .caption h5 strong{ font-size: 24px;}
  .sy_form{ margin-top: 20px;}
  .sy_form .form-group input{ height: 34px;}
  .sy_form button{ font-size: 14px;}
  .honor_list .caption, .val_list .caption{ margin-bottom: 20px;}
  .n_banner{ min-height: auto;}
  .ty_content.why_1 p{ font-size: 14px; line-height: 24px;}
  .why_2{ padding:20px 0}
  .why_2 span{ font-size: 14px; margin:10px 0; text-align: center; text-indent: 0; padding: 0; border: none;}
  .why_2 img{ width: 100px;}
  .why_3{ padding-top: 40px; margin-bottom: 20px;}
  .why_3:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #a6a6a6;}
  .why_4{ width: 100%; margin-bottom: 20px;}
  .why_4 h4{ font-size: 14px; line-height: 24px; margin-bottom: 20px;}
  .why_4 h4 span{ font-size: 24px;}
  .why_4 ul li{ margin-bottom: 15px;}
  .why_5 ul li h4{ font-size: 14px; margin-top: 0; margin-bottom: 5px;}
  .why_5 ul li p{ font-size: 12px; line-height: 18px;}
  .why_ico span:before{ border: 5px solid #eea53f;}
  .why_ico span img{ max-width: 35%;}
  .why_6 ul li h2{ font-size: 14px; padding: 10px 0;}
  .why_6 ul li h4{ font-size: 14px; line-height: 24px;}
  .snew_more{ margin-top: 25px;}
  .ny_right>h3{ font-size: 18px;}
  .xuhao{ font-size: 68px; line-height: 68px;}
  .why_6, .why_5{ margin-bottom: 30px;}
  .why_5 .dw>img{ display: none !important;}
  .why_5 ul{position: static;}
  .why_5 ul li{ width: 100% !important; position: static; margin-bottom: 15px;}
  .why_5 ul li h4{  text-align: left !important; font-weight: bold;}
  .why_5 ul li p{ line-height: 24px;}
  .ndz_li .cao{ position: static; transform: translateY(0);}
  .ndz_li .cao .xuhao{ color: #000;}
  .ndz_li .cao .ndz_text h2{ color: #333;}
  .ndz_li .cao .ndz_text p{ color: #666;}
  

}
@media (min-width:991px) and (max-width:1200px) {

  .header .container{ padding-left: 20%;}
  .header.active{ background: #fff; height: 90px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
  .header.active .logo{ height: 80px; padding-top: 15px;}
  .header.active .pc_nav ul li>a{ line-height: 85px; padding-top: 5px; color: #333;}

  .logo{ width: 20%;}
  .pc_nav ul li{ padding: 0;}
  .pc_nav ul li>a{ font-size: 12px;}
  .erji .ej_li>a{ font-size: 14px; line-height: 30px;}
  .ban_text h2{ font-size: 30px;}
  .ban_text h2 strong{ max-width: 40%;}
  .s_biao{ font-size: 24px; padding: 10px 0; margin-bottom: 10px;}
  .s_biao strong{ font-size: 80px;}
  .s_biao span{ font-size: 18px;}
  .header .container.cw{ padding-right: 270px;}
  .pc_more .pc_ico{ margin-right: 10px; width: 36px; height: 36px;}
  .pc_more .pc_ico i{ line-height: 36px;}
  .pc_seach input{ height: 36px; padding-right: 36px;}
  .pc_seach button{ height: 36px;}
  .pc_seach button i{ line-height: 36px;}
  .pc_seach{ width: 50%;}
  .s_product{ padding: 40px 0;}
  .scp_img{ width: 35%;}
  .scp_img i{ background-size: 70% !important;}
  .scp_dw h3{ margin: 10px 0; font-size: 16px; margin-top: 20px;}
  .scp_dw{ padding: 0 15px;}
  .scp_dw h3{ font-size: 14px;}
  .scp_dw p{ font-size: 12px;}
  .scp_dw h5 i{ width: 30px; height: 30px; line-height: 30px; font-size: 16px;}
  .sfa_text h2{ font-size: 24px;}
  .sfa_text h3{ font-size: 16px;}
  .sfa_text p{ font-size: 14px;}
  .sfa_text h5 a{ font-size: 14px;}
  .s_fangan .gallery-thumbs .swiper-slide h5{ font-size: 14px;}
  .sfa_img{ width: 100px; height: 100px;}
  .sfa_more a i{ width: 46px; height: 46px; line-height: 46px; margin-bottom: 10px;}
  .sfa_more a{ font-size: 14px;}
  .s_new{ padding: 40px 0;}
  .s_new .s_biao strong{ color: #fff;}
  .snew_text h5{ font-size: 14px;}
  .s_hezuo{ padding: 40px 0;}
  .s_hezuo ul li img{ max-width: 60%;}
  .s_hezuo ul{ margin: 30px 0;}
  .foot_nav ul{ padding: 15px 0;}
  .foot_nav ul li h3{ font-size: 16px;}
  .foot_nav ul li h3 span{ font-size: 12px;}
  .foot_nav ul li i{ width: 60px; height: 60px; line-height: 60px; font-size: 36px; margin-right: 15px;}
  .footer .caption h2{ font-size: 16px; line-height: 30px; margin-top: 10px;}
  .footer .caption h2 strong{ font-size: 18px;}
  .footer .caption p{ font-size: 12px;}
  .footer h4{ font-size: 13px; margin-bottom: 10px; white-space: nowrap;}
  .footer ul li a{ font-size: 12px; line-height: 24px; white-space: nowrap;}
  .footer .caption.text-right p{ font-size: 12px;}
  .ft_di{ font-size: 12px;}
  .weizhi .text-right, .weizhi .text-right a{ font-size: 12px;}
  .n_banner h2 strong{ font-size: 30px;}
  .n_banner h2 span{ font-size: 24px;}
  .n_banner h2:after{ height: 2px;}
  .weizhi{ padding: 20px 0;}
  .weizhi ul li{ margin-right: 10px;}
  .weizhi ul li a{ font-size: 12px; padding: 0;}
  .weizhi ul li a:after{ bottom: -21px;}
  .nab_1 h2 strong{ font-size: 36px;}
  .nab_1 h2 span{ font-size: 20px;}
  .nab_1 .ty_content p{ font-size: 14px; line-height: 24px;}
  .nab_1 .ty_content{ max-height: 350px;}
  .nab_2 .s_biao strong, .why_5 .s_biao strong, .n_dingzhi .s_biao strong{ font-size: 100px;}
  .nab_2{ padding: 40px 0;}
  .nab_2 .dw{ padding: 2% 3%; padding-bottom: 1%; margin-left: 0;}
  .nab_2 ul li{ padding: 10px 2%; margin-bottom: 10px; width: 48%;}
  .nab_2 ul li h2{ font-size: 16px; padding-bottom: 10px;}
  .nab_2 ul li h3{ font-size: 14px;}
  .shu_zi{ max-width: 3.5%; top: 52%; display: none;}
  .shu_zi img{ display: block; width: 100%;}
  .ncp_content h1 strong{ font-size: 30px;}
  .ncp_content h1 span{ font-size: 24px;}
  .ncp_jj h2{ font-size: 20px; margin: 15px 0;}
  .ncp_jj p{ font-size: 14px; line-height: 24px;}
  .ncp_n_3 .caption{ padding: 20px 10px;}
  .ncp_n_3 .caption h2{ font-size: 30px; margin-bottom: 10px;}
  .ncp_n_4 .ty_content p{ font-size: 14px; line-height: 24px;}
  .ncp_text h3{ font-size: 16px;}
  .ncp_text p{ line-height: 24px; font-size: 14px; height: 72px;}
  .ncp_list .caption{ margin-bottom: 10px;}
  .ncp_n_5 ul li a{ font-size: 16px;}
  .nal_text h3{ font-size: 18px; margin-top: 10px;}
  .nal_text p{ height: 72px; line-height: 24px; margin: 10px 0; font-size: 14px;}
  .nal_text h5 span{ padding: 8px 20px;}
  .ncp_n_6 .swiper-slide a span{ font-size: 14px; width: calc(100% - 60px);}
  .ncp_n_6 .swiper-slide a i{ font-size: 18px;}
  .ndown_dw{ padding: 0 40px; margin: 20px 0;}
  .ndown_dw .swiper-button-prev i, .ndown_dw .swiper-button-next i{ font-size: 24px;}
  .ncp_n_7 .caption h2{ font-size: 18px;}
  .ncp_n_7 .caption p{ font-size: 14px; line-height: 24px;}
  .ndz_li .ndz_text{ padding: 0 20px;}
  .ndz_text h2{ font-size: 20px;}
  .ndz_text p{ font-size: 16px; line-height: 24px;}
  .ndz_text h2 span{ padding-bottom: 15px;}
  .ndz_text h2 span:after{ height: 4px;}
  .ndz_li.hui{ margin-bottom: 80px;}
  .dhxr_lc{ margin-bottom: 60px;}
  .join_us .s_biao strong{ font-size: 100px;}
  .nfa_text h3{ font-size: 18px;}
  .nfa_text p{ margin: 15px 0; font-size: 14px; line-height: 24px;}
  .ny_title h2{ font-size: 24px;}
  .fanye02 a{ font-size: 14px;}
  .lx_content .caption{ padding: 30px 0;}
  .lx_content .caption i{ font-size: 24px;}
  .lx_content .caption p b{ font-size: 16px;}
  .lx_content .caption p{ font-size: 16px; line-height: 24px;}
  .my-map{ height: 360px;}
  .n_shiyong .bai{ padding: 40px; padding-bottom: 20px;}
  .n_shiyong .caption h2 strong{ font-size: 18px; margin-bottom: 5px;}
  .n_shiyong .caption h2 span{ font-size: 16px;}
  .n_shiyong .caption h4{ font-size: 16px; line-height: 30px; margin: 20px 0;}
  .n_shiyong .caption h5 strong{ font-size: 24px;}
  .sy_form .form-group input{ height: 34px;}
  .sy_form button{ font-size: 14px;}
  .n_shiyong{ padding: 80px 0;}
  .nanli_list ul li a{ font-size: 16px;}
  .val_img:after{ width: 46px; height: 46px;}
  .val_list .caption h5{ padding: 10px 0;}
  .n_banner{min-height: 90px;}
  .ty_content.why_1 p{ font-size: 16px; line-height: 30px;}
  .why_2 span{ font-size: 18px;}
  .why_3{ padding-top: 40px;}
  .why_3:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #a6a6a6;}
  .why_4{ width: 100%;}
  .why_4 h4{ font-size: 16px; line-height: 30px;}
  .why_4 h4 span{ font-size: 30px;}
  .why_4 ul li{ margin-bottom: 20px;}
  .why_5 ul li h4{ font-size: 14px; margin-top: 0; margin-bottom: 5px;}
  .why_5 ul li p{ font-size: 12px; line-height: 18px;}
  .why_ico span:before{ border: 15px solid #eea53f;}
  .why_ico span img{ max-width: 35%;}
  .why_6 ul li h2{ font-size: 20px;}
  .why_6 ul li h4{ font-size: 16px; line-height: 24px;}
  .snew_more{ margin-top: 25px;}
  .ny_right>h3{ font-size: 18px;}
  .xuhao{ font-size: 68px; line-height: 68px;}

}
@media (min-width:1200px) and (max-width:1440px) {
  .header .container{ padding-left: 20%;}
  .header.active{ background: #fff; height: 90px; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);}
  .header.active .logo{ height: 80px; padding-top: 15px;}
  .header.active .pc_nav ul li>a{ line-height: 85px; padding-top: 5px; color: #333;}

  .logo{ width: 20%;}
  .pc_nav ul li{ padding: 0;}
  .pc_nav ul li>a{ font-size: 15px;}
  .erji .ej_li>a{ font-size: 14px; line-height: 30px;}
  .ban_text h2{ font-size: 30px;}
  .ban_text h2 strong{ max-width: 40%;}
  .s_biao{ font-size: 30px; padding: 15px 0; margin-bottom: 20px;}
  .s_biao strong{ font-size: 100px;}
  .s_biao span{ font-size: 18px;}
  .header .container.cw{ padding-right: 270px;}
  .pc_more .pc_ico{ margin-right: 10px; width: 36px; height: 36px;}
  .pc_more .pc_ico i{ line-height: 36px;}
  .pc_seach input{ height: 36px; padding-right: 36px;}
  .pc_seach button{ height: 36px;}
  .pc_seach button i{ line-height: 36px;}
  .pc_seach{ width: 50%;}
  .s_product{ padding: 40px 0;}
  .scp_img{ width: 35%;}
  .scp_img i{ background-size: 70% !important;}
  .scp_dw h3{ margin: 10px 0; font-size: 16px; margin-top: 20px;}
  .scp_dw{ padding: 0 15px;}
  .scp_dw h5 i{ width: 46px; height: 46px; line-height: 46px; font-size: 20px;}
  .sfa_text h2{ font-size: 30px;}
  .sfa_text h3{ font-size: 18px;}
  .sfa_text p{ font-size: 14px;}
  .sfa_text h5 a{ font-size: 14px;}
  .s_fangan .gallery-thumbs .swiper-slide h5{ font-size: 16px;}
  .sfa_img{ width: 100px; height: 100px;}
  .sfa_more a i{ width: 46px; height: 46px; line-height: 46px; margin-bottom: 10px;}
  .sfa_more a{ font-size: 14px;}
  .s_new{ padding: 40px 0;}
  .s_new .s_biao strong{ color: #fff;}
  .s_hezuo{ padding: 40px 0;}
  .s_hezuo ul li img{ max-width: 60%;}
  .s_hezuo ul{ margin: 30px 0;}
  .foot_nav ul{ padding: 15px 0;}
  .foot_nav ul li h3{ font-size: 16px;}
  .foot_nav ul li h3 span{ font-size: 12px;}
  .foot_nav ul li i{ width: 60px; height: 60px; line-height: 60px; font-size: 36px; margin-right: 15px;}
  .footer .caption h2{ font-size: 18px; line-height: 30px; margin-top: 10px;}
  .footer .caption h2 strong{ font-size: 24px;}
  .footer .caption p{ font-size: 14px;}
  .footer h4{ font-size: 14px; margin-bottom: 10px; white-space: nowrap;}
  .footer ul li a{ font-size: 14px; line-height: 24px; white-space: nowrap;}
  .footer .caption.text-right p{ font-size: 14px;}
  .n_banner h2 strong{ font-size: 30px;}
  .n_banner h2 span{ font-size: 24px;}
  .n_banner h2:after{ height: 2px;}
  .weizhi{ padding: 20px 0;}
  .weizhi ul li{ margin-right: 10px;}
  .weizhi ul li a{ font-size: 14px; padding: 0 5px;}
  .weizhi ul li a:after{ bottom: -21px;}
  .nab_1 h2 strong{ font-size: 46px;}
  .nab_1 h2 span{ font-size: 24px;}
  .nab_1 .ty_content p{ font-size: 14px; line-height: 24px;}
  .nab_1 .ty_content{ max-height: 350px;}
  .nab_2 .s_biao strong, .why_5 .s_biao strong, .n_dingzhi .s_biao strong{ font-size: 100px;}
  .nab_2{ padding: 40px 0;}
  .nab_2 .dw{ padding: 4% 5%; padding-bottom: 1%; margin-left: 5%;}
  .nab_2 ul li{ padding: 30px 2%; margin-bottom: 20px; width: 48%;}
  .nab_2 ul li h2{ font-size: 20px; padding-bottom: 15px;}
  .nab_2 ul li h3{ font-size: 16px;}
  .ncp_content h1 strong{ font-size: 30px;}
  .ncp_content h1 span{ font-size: 24px;}
  .ncp_jj h2{ font-size: 20px; margin: 15px 0;}
  .ncp_jj p{ font-size: 14px; line-height: 24px;}
  .ncp_n_3 .caption{ padding: 20px 10px;}
  .ncp_n_3 .caption h2{ font-size: 30px; margin-bottom: 10px;}
  .ncp_n_4 .ty_content p{ font-size: 14px; line-height: 24px;}
  .ncp_text h3{ font-size: 16px;}
  .ncp_text p{ line-height: 24px; font-size: 14px; height: 72px;}
  .ncp_list .caption{ margin-bottom: 10px;}
  .ncp_n_5 ul li a{ font-size: 16px;}
  .nal_text h3{ font-size: 18px; margin-top: 10px;}
  .nal_text p{ height: 72px; line-height: 24px; margin: 10px 0; font-size: 14px;}
  .nal_text h5 span{ padding: 8px 20px;}
  .ncp_n_6 .swiper-slide a span{ font-size: 14px; width: calc(100% - 60px);}
  .ncp_n_6 .swiper-slide a i{ font-size: 18px;}
  .ndown_dw{ padding: 0 40px; margin: 20px 0;}
  .ndown_dw .swiper-button-prev i, .ndown_dw .swiper-button-next i{ font-size: 24px;}
  .ncp_n_7 .caption h2{ font-size: 18px;}
  .ncp_n_7 .caption p{ font-size: 14px; line-height: 24px;}
  .ndz_li .ndz_text{ padding: 0 20px;}
  .ndz_text h2{ font-size: 20px;}
  .ndz_text p{ font-size: 16px; line-height: 24px;}
  .ndz_text h2 span{ padding-bottom: 15px;}
  .ndz_text h2 span:after{ height: 4px;}
  .ndz_li.hui{ margin-bottom: 80px;}
  .dhxr_lc{ margin-bottom: 60px;}
  .join_us .s_biao strong{ font-size: 100px;}
  .nfa_text h3{ font-size: 18px;}
  .nfa_text p{ margin: 15px 0; font-size: 14px; line-height: 24px;}
  .ny_title h2{ font-size: 24px;}
  .fanye02 a{ font-size: 14px;}
  .lx_content .caption{ padding: 30px 0;}
  .lx_content .caption i{ font-size: 24px;}
  .lx_content .caption p b{ font-size: 16px;}
  .lx_content .caption p{ font-size: 16px; line-height: 24px;}
  .my-map{ height: 360px;}
  .n_shiyong .bai{ padding: 40px; padding-bottom: 20px;}
  .n_shiyong .caption h2 strong{ font-size: 18px; margin-bottom: 5px;}
  .n_shiyong .caption h2 span{ font-size: 16px;}
  .n_shiyong .caption h4{ font-size: 16px; line-height: 30px; margin: 20px 0;}
  .n_shiyong .caption h5 strong{ font-size: 24px;}
  .sy_form .form-group input{ height: 34px;}
  .sy_form button{ font-size: 14px;}
  .n_shiyong{ padding: 80px 0;}
  .nanli_list ul li a{ font-size: 16px;}
  .val_img:after{ width: 46px; height: 46px;}
  .val_list .caption h5{ padding: 10px 0;}
  .n_banner{min-height: 90px;}
  .ty_content.why_1 p{ font-size: 16px; line-height: 30px;}
  .why_2 span{ font-size: 18px;}
  .why_3{ padding-top: 40px;}
  .why_3:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #a6a6a6;}
  .why_4{ width: 100%;}
  .why_4 h4{ font-size: 16px; line-height: 30px;}
  .why_4 h4 span{ font-size: 30px;}
  .why_4 ul li{ margin-bottom: 20px;}
  .why_5 ul li h4{ font-size: 18px; margin-top: 0; margin-bottom: 5px;}
  .why_5 ul li p{ font-size: 16px; line-height: 26px;}
  .why_ico span:before{ border: 15px solid #eea53f;}
  .why_ico span img{ max-width: 35%;}
  .why_6 ul li h2{ font-size: 20px;}
  .why_6 ul li h4{ font-size: 16px; line-height: 24px;}
  .snew_more{ margin-top: 25px;}
  .ny_right>h3{ font-size: 18px;}
  .xuhao{ font-size: 68px; line-height: 68px;}

  }

@media (min-width:1200px) and (max-width:1300px) {
  .shu_zi {
    max-width: 3%;
    top: 44.5%;
    left: 4%;
  }
  .shu_zi img{ display: block; width: 100%;}
  
}
@media (min-width:1301px) and (max-width:1400px) {
  .shu_zi {
    max-width: 3%;
    top: 48.5%;
    left: 8%;
}
.shu_zi img{ display: block; width: 100%;}

}
@media (min-width:1441px) and (max-width:1650px) {
  .pc_nav ul li{ padding: 0 10px;}
  .pc_nav ul li>a{ font-size: 15px;}
  .header .container.cw{ padding-right: 360px;}

  .shu_zi {top: 24.5%;}

}

@media (min-width:1441px){
  .container.cw{ width: calc(100% - 110px);}
  .ny_content .container, .n_shiyong .container{ width: calc(90% - 110px);}
  .ny_content .container.cw{ width: calc(100% - 110px);}
  .ny_content .container.cw .col-sm-9{ padding-right: 45px;}

  .ny_content .ty_content p{ font-size: 16px; line-height: 30px;}

  .ncp_n_4 .ty_content p{ font-size: 16px; line-height: 30px;}
}

@media (max-width:991px) {

  iframe{ height:300px ;}
  .fanye{ text-align: center ;}
  .fanye a{ padding: 4px 8px ; }
  
}
@media (min-width:991px) {
  
  .fancybox-button {  width: 60px ;  height: 60px ;}
  .fancybox-navigation button {  width: 80px ; height:120px ;}
  .fancybox-navigation button:before { width: 60px ; height: 60px ;}
  
}

@media (min-width:1800px) {
  
  .pc_nav ul li>a{ font-size: 18px;}
  
}